﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SeriesDetail.aspx.cs" Inherits="Product_SeriesDetail" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Title </title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <UC:UcCss ID="useCss" runat="server" />
</head>
<body id="p-content">
    <!-- wrapper -->
    <div class="wrapper">
        <!-- wrap -->
        <div id="wrap">
            <!-- head -->
            <div id="head">
                <a class="logo" href="/">挖掘机查询中心</a>
                <!-- nav -->
                <UC:nav ID="navuc" runat="server"></UC:nav>
                <!-- /nav -->
                <!-- breadcrumb -->
                <div class="breadcrumb">
                    <h3>
                        您的位置：</h3>
                    <UC:bread ID="bread1" runat="server"></UC:bread>
                </div>
                <!-- /breadcrumb -->
                <!-- banner -->
                <div class="prom">
                    <img src="../images/banner-1.png">
                </div>
                <!-- /banner -->
            </div>
            <!-- /head -->
            <!-- main -->
            <div id="main">
                <!-- left -->
                <UC:NavLeftDown ID="NavLeftDown1" runat="server"></UC:NavLeftDown>
                <!--/ left -->
                <!-- right -->
                <div id="col-right">
                    <!-- list -->
                    <div class="abs">
                        <h1>
                            <%=Series.Name%></h1>
                        <div class="feature">
                            <div class="f-pic">
                                <span class="ico"></span>
                                <img src="<%=Series.CoverImage %>">
                                <ul style="display:none">
                                    <asp:Repeater ID="rptSeriesDetailImageBigList" runat="server">
                                        <ItemTemplate>
                                            <li><img src='<%#Eval("SeriesDetailImageBig") %>' alt="<%#Eval("Name") %>"/></li>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </ul>
                            </div>
                            <div class="f-intro">
                                <h3>
                                    CAT&reg;(卡特)
                                    <%=Series.Name%>主要亮点</h3>
                                <ul>
                                    <asp:Literal ID="ltlSeriesAdvantage" runat="server"></asp:Literal>
                                    <%--<li>可靠耐用力气大</li>
											<li>转售价格优</li>
											<li>先进的液压系统提供强大的挖掘动力</li>
											<li>安全舒适的驾驶室，长期操作也不易疲劳</li>
											<li>液压系统可加装多种工装</li>
											<li>强大的代理商网络提供世界级的售后服务和备件支持</li>
											<li>CAT (卡特) 车辆管理系统提供远程设备状况监控</li>--%>
                                </ul>
                            </div>
                            <div class="clr">
                                &nbsp;</div>
                        </div>
                        <p class="f-text">
                            <%=Series.ShortDescription%></p>
                    </div>
                    <!--/ list -->
                    <!-- abstract  -->
                    <div class="abstract">
                        <%--<h2><%=Series.Name%>型号<a class="btn" href="#">查看更多</a></h2>--%>
                        <div class="sp-line-bold">
                        </div>
                        <ul class="f-list">
                            <asp:Repeater ID="rptList" runat="server" OnItemDataBound="rptListDataBound">
                                <ItemTemplate>
                                    <li>
                                        <img width="242" height="139" src="<%#Eval("CoverImage") %>" alt="<%#Eval("Name") %>">
                                        <div class="list-content">
                                            <h4>
                                                <%#Eval("Name") %></h4>
                                            <div class="sp-line-bold">
                                            </div>
                                            <p class="celll">
                                                发动机机型:
                                                <%#Eval("Engine")%><br>
                                                净功率:
                                                <%#Eval("Power")%><br>
                                                铲斗容量:<%#Eval("BucketCapacity")%><br>
                                                工作重量:<%#Eval("WorkWeight")%>
                                            </p>
                                            <p class="cellr">
                                                <%#Eval("ShortDescription")%>
                                            </p>
                                            <div class="link">
                                                <a class="btn" href="ProductDetail.aspx?productid=<%#Eval("Id") %>">查看详情</a>
                                                <asp:Literal ID="ltlLink" runat="server"></asp:Literal>
                                                <a class="btn-src" href="#">查找经销商</a>
                                            </div>
                                        </div>
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <!-- /abstract  -->
                </div>
                <!-- /right -->
                <div class="clr">
                    &nbsp;</div>
            </div>
            <!-- /main -->
            <!-- footer -->
            <UC:footer ID="footerUC" runat="server"></UC:footer>
            <!-- /footer -->
        </div>
        <!--/ wrap -->
    </div>
    <!-- /wrapper -->
    <UC:UcJs ID="UcJs" runat="server" />
    <script type="text/javascript">
        <!--
        $(function () {
            new PC({
                prc: '.province',
                city: '.city'
            });

            new imgPop({
                handler: '.f-pic .ico',
                slt: '#feature li > img'
            });
        });
        //-->;
</script>
    <UC:Login ID="loginUC" runat="server"></UC:Login>
</body>
</html>
